<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/media.css"/>
		<link rel="stylesheet" type="text/css" href="../css/function.css"/>
		<link rel="stylesheet" type="text/css" href="../css/animation.css"/>
		<style type="text/css">
			/* 简易表单 */
			.box{
				width: 500px;
				border:6px solid #ccc;
				border-radius: 6px;
				margin: auto;
				margin-top: 20%;
				background: url(../img/bg.png);
			}
			.m-form{line-height:29px;color:#555;}
			.m-form legend{font-size:14px;font-weight:bold;}
			.m-form .formitm{padding:20px 0 0;line-height:30px;}
			.m-form .formitm-1{padding-left:100px;}
			.m-form .lab{float:left;width:90px;margin-right:-90px;text-align:right;font-weight:bold;}
			.m-form .ipt{margin-left:100px;}
			.m-form .ipt *{vertical-align:middle;}
			.m-form .ipt a,.m-form .ipt a:hover{text-decoration:none;color:#3891eb;}
			.m-form .ipt img{height:32px;margin:0 15px 0 5px;}
			.m-form .ipt .domain{margin:0 0 0 5px;font-weight:bold;color:#777;}
			.m-form .ipt p{height:22px;line-height:22px;color:#999;}
			.m-form .tip{padding-top:10px;}
			.m-form .tip input{margin:0 5px 3px 0;}
			/* 文本输入框 */
			.u-ipt{width:180px;padding:5px;height:17px;border:1px solid #D9D9D9;border-top-color:#c0c0c0;line-height:17px;font-size:14px;color:#777;background:#fff;}
			/* 文本输入框-窄 */
			.u-ipt-1{width:90px;}
			/* 文本输入框-出错 */
			.u-ipt-err{border-color:#c00 #e00 #e00;}
			/* 通用自定义按钮-默认蓝色 */
			.u-btn{display:inline-block;*display:inline;*zoom:1;*overflow:visible;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:0 12px;height:28px;line-height:28px;border:1px solid #2d88bf;font-size:12px;letter-spacing:1px;word-spacing:normal;text-align:center;vertical-align:middle;cursor:pointer;background:#54aede;}
			button.u-btn{*height:30px;_line-height:25px;}
			.u-btn,.u-btn:hover{color:#fff;text-decoration:none;}
			.u-btn:hover,.u-btn:focus{background:#399dd8;}
			.u-btn::-moz-focus-inner{padding:0;margin:0;border:0;}
			.u-btn .btntxt{margin-right:3px;_vertical-align:middle;}
			.u-btn .btnsel{display:inline-block;*display:inline;*zoom:1;width:0;height:0;overflow:hidden;vertical-align:middle;border-style:solid dashed dashed;border-width:4px 4px 0;border-color:#fff transparent transparent;}
			/* 较大 */
			.u-btn-lg{padding:0 15px;height:36px;line-height:36px;font-size:18px;}
			button.u-btn-lg{*height:38px;_line-height:33px;}
			.u-btn-lg .btnsel{border-width:5px 5px 0;}
			/* 较小 */
			.u-btn-sm{padding:0 10px;height:22px;line-height:22px;}
			button.u-btn-sm{*height:24px;_line-height:19px;}
			/* 红色 */
			.u-btn-c1{border-color:#9f161b;background:#de2027;}
			.u-btn-c1:hover,.u-btn-c1:focus{background:#cc1c23;}
			/* 黄色 */
			.u-btn-c2{border-color:#e1962d;background:#faa42b;}
			.u-btn-c2:hover,.u-btn-c2:focus{background:#f8960a;}
			/* 绿色 */
			.u-btn-c3{border-color:#52a552;background:#5cbc5c;}
			.u-btn-c3:hover,.u-btn-c3:focus{background:#50b150;}
			/* 灰色 */
			.u-btn-c4{border-color:#d0d0d0;background:#f3f3f3;}
			.u-btn-c4,.u-btn-c4:hover{color:#333;}
			.u-btn-c4:hover,.u-btn-c4:focus{background:#e7e7e7;}
			.u-btn-c4 .btnsel{border-top-color:#555;}
			.u-btn-c4:hover .btnsel,.u-btn-c4:focus .btnsel{border-top-color:#000;}
		</style>
	</head>
	<body>
		<div class="box">
			<div class="m-form">
			    <form name="" action="#" method="get">
			        <fieldset>
			            <div class="formitm">
			                <label class="lab">账号：</label>
			                <div class="ipt">
			                    <input type="text" class="u-ipt"/><span class="domain"></span>
			                    <p>输入管理帐号</p>
			                </div>
			            </div>
			            <div class="formitm">
			                <label class="lab">帐号密码：</label>
			                <div class="ipt">
			                    <input type="text" class="u-ipt"/>
			                    <p>输入管理的密码</p>
			                </div>
			            </div>
			            <div class="formitm">
			                <label class="lab">验证码：</label>
			                <div class="ipt">
			                    <input type="text" class="u-ipt"/><img class="code-img" src="http://reg.email.163.com/mailregAll/regvf1/verifyCodeImgF.jsp?env=488381217144&type=en&t=1333003692444" alt="验证码"/><a href="#" class="f-ib">换一张</a>
			                </div>
			            </div>
			            <div class="formitm formitm-1" style="margin-bottom: 20px;"><button class="u-btn" type="button">立即登录</button></div>
			        </fieldset>
			    </form>
			</div>
		</div>

	</body>
</html>
